<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
            前端百宝箱
        </title>
        <style type="text/css">
            body { padding-top: 60px; padding-bottom: 10px; }
        </style>
        <link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
            </script>
        <![endif]-->
    </head>
    
    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar">
                        </span>
                        <span class="icon-bar">
                        </span>
                        <span class="icon-bar">
                        </span>
                    </a>
                    <a class="brand" href="#">
                        前端百宝箱
                    </a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li>
                                <a href="index.html">
                                    首页
                                </a>
                            </li>
                            <li>
                                <a href="html.html">
                                    HTML
                                </a>
                            </li>
                            <li>
                                <a href="css.html">
                                    CSS
                                </a>
                            </li>
                            <li>
                                <a href="javascript.html">
                                    JavaScript
                                </a>
                            </li>
                            <li class="active">
                                <a href="tools.html">
                                    工具
                                </a>
                            </li>
                            <li>
                                <a href="resources.html">
                                    资源
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="span4">
                    <h2>
                        <a href="tools/encode.html">编码转换</a>
                    </h2>
                    <p>
                        提供对 HTML 代码的转义，ASCII 码，Unicode  编码转换工具。
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        <a href="tools/reference.html">常用对照表</a>
                    </h2>
                    <p>
                        提供 ASCII 对照表，HTML 转义字符对照表，RGB 颜色参考表等等。
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        <a href="tools/code/index.html">在线编辑器</a>
                    </h2>
                    <p>
                        一个简单的在线代码编码和调试工具。
                    </p>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="span4">
                    <h2>
                        <a href="tools/js.html">JavaScript 工具</a>
                    </h2>
                    <p>
                        JS 代码压缩和混淆，JSON 格式验证，JSON 格式化。
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        <a href="tools/encrypt.html">JS 在线加密解密</a>
                    </h2>
                    <p>
                        JavaScript 实现的在线加密解密功能。
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        <a href="encode">编码转换</a>
                    </h2>
                    <p>
                        demo
                    </p>
                </div>
            </div>
			<hr>
            <footer>
                <p>
                    Hongbo Li &copy; 2012 Powered by
                    <a href="docs/bootstrap/index.html" target="_blank">
                        Bootstrap
                    </a>
                </p>
            </footer>
        </div>
        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/bootstrap.js"></script>
    </body>
</html>